<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>铁运无人机智能巡检系统</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
<style>
  /* 目前的样式配置为，在我的电脑上fz设置为16px显示刚刚好 */
  /* 在我的显示器上显示，fz设置为27px则刚刚好 */
  html {
        font-size: 16px;
      }

      /* 每增加 100px 宽度，字体大小增加 1px */
      @media (min-width: 1500px) { html { font-size: 16px; } }
      @media (min-width: 1600px) { html { font-size: 17px; } }
      @media (min-width: 1700px) { html { font-size: 18px; } }
      @media (min-width: 1800px) { html { font-size: 19px; } }
      @media (min-width: 1900px) { html { font-size: 20px; } }
      @media (min-width: 2000px) { html { font-size: 21px; } }
      @media (min-width: 2100px) { html { font-size: 22px; } }
      @media (min-width: 2200px) { html { font-size: 23px; } }
      @media (min-width: 2300px) { html { font-size: 25px; } }
      @media (min-width: 2400px) { html { font-size: 25px; } }
      @media (min-width: 2400px) { html { font-size: 26px; } }
      @media (min-width: 2600px) { html { font-size: 27px; } }
      @media (min-width: 2700px) { html { font-size: 28px; } }
      @media (min-width: 2800px) { html { font-size: 29px; } }
      @media (min-width: 2900px) { html { font-size: 30px; } }
      @media (min-width: 3000px) { html { font-size: 31px; } }
      @media (min-width: 3100px) { html { font-size: 32px; } }
      @media (min-width: 3200px) { html { font-size: 33px; } }
      /* 根据你的需求继续添加 */
</style>
